<!DOCTYPE html>
<html>
<head>
     <style>
        table td,th
        {
           border:1px solid black;
           width:30%;
           text-align:center;
           background-color:DarkGray;
           border-collapse:collapse;
        }
  table{margin:auto;}
  input{text-align:right;}
</style>
<script type="text/javascript">
  document.write("<table><tr><th colspan='3'> NUMBERS FROM 0 TO 10 WITH THEIR SQUARES AND CUBES</th></tr>");
  document.write("<tr><td>Number </td><td>Square</td><td>Cube</td></tr>");
  for(var n=0;n<=10;n++)
  {
    document.write("<tr><td>"+ n +"</td><td>"+ n*n +"</td><td>"+ n*n*n +"</td></tr>");
  }
  document.write("</table>");
</script>
</head>
</html>